<script setup lang="ts">
    import {inject} from 'vue'
    const {emojiChange} = inject('popup') as any
    const list = ['😀','😁','😂','😃','😄','😅','😆','😉','😊','😋','😎','😍','😘','😗','😙','😚','😇','😐','😑','😶','😏']

</script>
<template>
    <div>
        <span @click="emojiChange(item)" v-for="(item,index) in list" :key="index">{{item}}</span>
    </div>
</template>
<style scoped>
div{
    height: 8rem;
    margin-top: 0.64rem;
}
div span{
    width: 14.28%;
    display: inline-block;
    text-align: center;
    margin-bottom: 0.32rem;
    font-size: 1.4rem;
}
</style>